<template>
	<div class="reportManag">
		<div class="back_box" @click="onBack">返回</div>
		<h4>画钟测验（CDT）</h4>
		<!-- <ScaleInfo  :scaleData="scaleData" /> -->
		<UserInfo :userData="userData" />
		<Result />
		<!-- <testbox /> -->
		<analysis />
		<!-- <ResultDescription :descriptData="descriptData" :addcontent="addcontent" /> -->
		<!-- <FactorHistorical :ecahrtData="ecahrtData" /> -->
		<!-- <UserAnswer :answerData="answerData" /> -->
		<!-- <AuditSignature :signData="signData" /> -->
	</div>
</template>

<script lang="ts" setup>
	import { ref } from "vue";
	import {useRouter,useRoute} from 'vue-router';
	// import ScaleInfo from "./component/ScaleInfo.vue";
	import UserInfo from "./component/UserInfo.vue";
	import Result from "./component/Result.vue";
	// import testbox from "./component/testbox.vue";
	import analysis from "./component/analysis.vue";
	// import ResultDescription from "./component/ResultDescription.vue";
	// import FactorHistorical from "./component/FactorHistorical.vue";
	// import UserAnswer from "./component/UserAnswer.vue";
	// import AuditSignature from "./component/AuditSignature.vue";
	
	const ROUTER = useRouter();
	
	const scaleData = ref({});
	const userData = ref({});
	const descriptData = ref({});
	const addcontent = ref([]);
	const ecahrtData = ref({});
	const answerData = ref([]);
	const signData = ref({});
	
	const onBack  = ()=>{
		ROUTER.replace({
			path:'/patient-manag',
		})
	};
</script>

<style lang="less" scoped>
	h4{
		text-align: center;
		margin-bottom: 10px;
	}
	.reportManag{
		padding: 20px;
		height: 100vh;
		overflow: auto;
		position: relative;
	}
	.back_box{
		position: absolute;
		right: 50px;
		border: 3px solid #c2eddb;
		font-size: 14px;
		padding: 5px;
		border-radius: 5px;
	}
</style>